<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta HTTP-EQUIV="Pragma" CONTENT="no-cache">
		<meta HTTP-EQUIV="Expires" CONTENT="-1">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>购物车</title>
		<link rel="shortcut icon" href="img/favicon.ico" />
		<link rel="bookmark" href="img/favicon.ico" type="image/x-icon" 　/>
		<link rel="stylesheet" type="text/css" href="css/common.css" />
			<link rel="stylesheet" type="text/css" href="css/page.css"/>
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		
	</head>
	<body>
		<!--头部-->
		<div class="head clearfix">
			<div class="width1200">
				<div class="left">
					<a href="index.html"><img width="200" class="" src="img/logo.png"></a>
				</div>
				<div class="left">
					<ul class="clearfix top-nav relative">
						<li class="nav-li ">
							<a href="javascript:;">音乐单曲</a>
							<ul class="nav-list absolute" >
								<li><a href="song-classify.html" class="active">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
								<li><a href="song-classify.html">HIPHOP</a></li>
							</ul>
						</li>
						<li class="nav-li">
							<a href="index-DV.html">DVJ视频</a>
							
						</li>
						<li class="nav-li">
							<a href="song-spun.html">串烧</a>
							
						</li>
						<li class="nav-li">
							<a href="index-taoqu.html">套曲</a>
							
						</li>
						<li><a href="index-music-man.html">音乐人</a></li>
						<li class="active"><a href="mall.html">商城</a></li>
						<li><a href="index-information.html">资讯</a></li>
					</ul>
				</div>	
				<div class="right">
					<div class="right padding_lr10 text-center my-box">
						<img class="vertical-align_m icon-my" src="img/icon-my.png" alt="">
						<br>
						<img class=" vertical-align_m" src="img/vip.png"><span class="color_ff ">100金币</span>
						<span class="relative">
							<ul class="absolute login-style my-list" style="display: none;">
								<li><a href="my.html"><img src="img/iconmy-01.png">我的主页</a></li>
								<li><a href="my-news.html"><img src="img/iconmy-02.png"> 我的消息</a></li>
								<li class="vip-a"><a href="javascript:;"><img src="img/iconmy-03.png"> VIP会员</a></li>
								<li><a href="my-set.html"><img src="img/iconmy-04.png">个人设置</a></li>
								<li><a href="vip.html"><img src="img/iconmy-05.png">会员中心</a></li>
								<li><a href="javascript:;"><img src="img/iconmy-06.png">退出</a></li>
							</ul>
						</span>
					</div>
					<a href="shopping-card.html" style="margin: 20px 0 0 9px;" class="right"><img src="img/icon-top-card.png"/></a>
					<div class="right padding_tb10">
						<span class="relative top-secher mall">
							<input type="text" name=""  value="" placeholder="搜索音乐 、套曲">
							<img class="absolute find-img" src="img/icon-find.png">
						</span>
					</div>
				</div>
			</div>
		</div>
		<div class="bg_ff">
    		<div class="width1200 ">
    			<div class="padding_tb10 bor_b mg_top20 font_18">
    			  购物车
    			</div>
	    			
    		    <div class="mg_top20 buy-box">
    		        
    		        <table border="" cellspacing="" cellpadding="" class="goods-tab">
    		        	<tr class="padding_10">
    		        		<th  class="text_left ">
    		        			<span class="check-box left mg_top5" style="margin-left: 5px;">
					    			<label for="checkbox"><img class="vertical-align_m mg_r10"  src="img/check.png">全选</label>
					    			<input type="checkbox" name="checkbox1" id="checkbox" class="allcheck" hidden="hidden" value="">
					    		</span>
    		        		</th>
    		        		<th colspan="2">商品</th>
    		        		<th>金额</th>
    		        		<th>数量</th>
    		        		<th>小计(元)</th>
    		        		<th>操作</th>
    		        	</tr>
    		        	<tr class="bg_f5">
    		        		<td colspan="6" class="text_left " >全部商品（2）</td>
    		        	</tr>
    		        	<tr class="spun-box">
    		        		<td>
    		        			<span class="check-box">
					    			<label for="checkbox1"><img src="img/check.png"></label>
					    			<input type="checkbox" name="checkbox1" id="checkbox1" class="check" hidden="hidden" value="">
					    		</span>
    		        		</td>
    		        		<td class="goods_img_box"><img class="goods_img" src="img/goodsimg.png" alt="" /></td>
    		        		<td class="goods-infor text_over">108家纺 简约风加厚磨毛针织棉四件套时尚情愫 1.5m（5英尺）床</td>
    		        		<td class="price">141.00</td>
    		        		<td class="num-box">
    		        			<a href="javascript:;" class="cut">-</a>
    		        			<input type="number" name=""  value="1" class="nums" />
    		        			<a href="javascript:;" class="add">+</a>
    		        		</td>
    		        		<td class="money-list">141.00</td>
    		        		<td><a href="javascript:;" onclick="dell_goods(this)"><img class="vertical-align_m mg_r5" src="img/img_deleted.png" alt="" />删除</a></td>
    		        	</tr>
    		        	

    		        </table>
    		        <div class="text_right padding_lr30 mg_top20">
    		        	<h4 class="clearfix">
    		        		<span class="left">已选择<i class="goods_nums">1</i>件商品</span>	
    		        		<a href="javascript:;" class="buy-a right mg_left20">结算</a>
    		        	    <span class="right mg_top10">	合计：<strong class="font_16 red">￥200.00</strong></span>
    		        	</h4>
    		        
    		        	<p class="mg_tb20"></p>
    		        </div>
    		    </div>
    		</div>
    	</div>
    	
    	
	    
	    <div class="overlay"></div>
	    <script src="js/jquery-1.7.1.min.js" type="text/javascript" charset="utf-8"></script>
	    <script src="js/index.js" type="text/javascript" charset="utf-8"></script>
	    <script type="text/javascript">

	    </script>
	</body>
</html>
